<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <link rel="stylesheet" href="css/slider.css" type="text/css">
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider').nivoSlider({
        effect:'sliceDown', //Specify sets like: 'fold,fade,sliceDown'
        slices: 8,
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        keyboardNav:true, //Use left & right arrows
   
            });
        });
     </script>
</head>
<body>
    <div style=" margin:auto; height:330px; width:1100px;"  id="slider" class="nivoSlider">
	<img src="images/banner/hinh1.png" alt="" title="" height="300" width="980"/>
	<img src="images/banner/hinh2.png" alt=""title="" height="300" width="980"/>
    <img src="images/banner/hinh3.png" alt=""title="" height="300" width="980"/>
    <img src="images/banner/hinh4.png" alt=""title="" height="300" width="980"/>
    <img src="images/banner/hinh5.png" alt=""title="" height="300" width="980"/> 
	</div>
</body>
</html>